import React from "react";
import styled from "styled-components";
import { Link } from "react-router-dom";

const tabbarConfig = [
  {
    id:'main',
    url:'/home/main',
    icon:'',
    plant:''
  }
]



export default function Tabbar() {
  const [isSelected,setIsSelected] = useState();
  function selectedItem() {
    setIsSelected()
  }
  return (
    <BottonWrapper >

      {
        tabbarConfig.map(value => {
          return (
            <Link to={} component={}>
              <BottonContentItem isSelected={isSelected == index?true:false} onclick={selectedItem}>
                <BottonContentIcon>{}</BottonContentIcon>
                <BottonContentPlant>{}</BottonContentPlant>
              </BottonContentItem>
            </Link>
          )
        })
      }

    </BottonWrapper>
  )
}

const BottonWrapper = styled.ul`

`

const BottonContent = styled.li`

`
const BottonContentItem = styled.div`

`
const BottonContentIcon = styled.div`

`
const BottonContentPlant = styled.div`

`